<template>
  <el-card shadow="never">
    <div class="flex items-center justify-between font-bold">
      <div v-for="item in keys" :key="item.value" class="flex flex-col items-center">
        <div>{{ item.label }}</div>
        <div class="mt-[8px]">{{ data[item.value]?.toLocaleString() }}</div>
      </div>
    </div>
  </el-card>
</template>
<script setup>
const props = defineProps({
  data: {
    type: Object,
    default: () => {}
  }
})
const keys = [
  { label: '待审批数据库资产', value: 'waitAuditDbSource' },
  { label: '待审批文件服务器', value: 'waitAuditFileSource' },
  { label: '待审批文件资产', value: 'waitAuditAssetMessage' },
  { label: '待确认数据库资产', value: 'waitEnsureDbSource' },
  { label: '待确认文件资产', value: 'waitEnsureAssetMessage' }
]
</script>
